﻿<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html>
<html lang="zh-cn">
<head>
<link rel="stylesheet" type="text/css" href="layui/css/layui.css" />
<script src="layui/layui.js" type="text/javascript" charset="utf-8"></script>
</head>
<body>
	<!-- 引入头部 -->
	<jsp:include page="header.jsp"></jsp:include>

	<%-- <!-- 轮播图开始 -->
	<div class="am-slider am-slider-default"
		data-am-flexslider="{playAfterPaused: 8000}">
		<ul class="am-slides">
			<c:forEach items="${banList }" var="ban">
				<li><img src="${ban.url }" alt="${ban.title }"></li>
			</c:forEach>
		</ul>
	</div>
	<!-- 轮播图结束 --> --%>

	<!-- 产品列表开始 -->
	<section class="pro-list">
		<aside class="pro-leftsidebar">
			<ul>
				<li><a>产品搜索</a>
					<ul id="pro-search">
						<li><form method="post" action="FurnServlet?method=ToPname">
								<input type="text" class="pro-search" name="cha">
								<button type="submit" class="layui-btn layui-btn-xs">搜索</button>
							</form></li>
					</ul></li>
				<!-- 类型开始 -->
				<li><a>产品分类</a>
					<ul id="pro-category">
						<c:forEach items="${allProtype }" var="pty">
						<c:choose>
						  <c:when test="${protype != pty.id }"><li><a href="FurnServlet?method=getProByIype&protype=${pty.id }">${pty.typename }</a></li></c:when>
						  <c:otherwise><li class="on"><a href="FurnServlet?method=getProByIype&protype=${pty.id }" id="www">${pty.typename }</a></li></c:otherwise>
						 </c:choose>
						</c:forEach>
					</ul></li>
				<!-- 类型结束 -->
			</ul>
		</aside>

		<aside class="pro-rightsidebar">
			<header>
				<p></p>
			</header>
			<!-- 总产品展示开始 -->
			<ul>
				<c:forEach items="${selected }" var="pro">
					<li><a href="FurnServlet?method=getDetails&id=${pro.id }">
							<div class="img-box">
								<img src="${pro.picurl }" />
								<p>${pro.proname }</p>
							</div>
					</a></li>
				</c:forEach>
			</ul>
			<!-- 总产品展示结束 -->


			<!-- <div class="pro_list_more_pages">
				<ul>
					<li><a>上一页</a></li>
					<li class="pro-list-current"><a>1</a></li>
					<li><a>2</a></li>
					<li><a>3</a></li>
					<li><a>下一页</a></li>
				</ul>
			</div> -->

		</aside>


	</section>
	<!-- 引入脚部 -->
	<jsp:include page="footer.jsp"></jsp:include>
	<!-- 分类选中后效果脚本 -->
	<!-- <script type="text/javascript">
		$(document).ready(function() {
			$(".nav li a").each(function() {
				if ($(this)[0].href == String(window.location)) {
					$(this).addClass("on").siblings().removeClass("on");
				}
			});
		});
	</script> -->
	﻿
</body>
</html>